/* Home catalog: compact folder headers, honest inventory and a horizontal discovery rail. */
html body #products.catalog-studio {
  --catalog-accent:#078dbc;
  --showcase-cyan:#079dcf;
  --showcase-folder:linear-gradient(110deg,#eafaff 0%,#f6fbff 48%,#fff 100%);
  --showcase-border:#cbe6ee;
  --showcase-pill:#edf8fc;
  --showcase-buy-start:#087da3;
  --showcase-buy-end:#2563eb;
  --showcase-buy-shadow:#176fca28;
}
html.site-dark body #products.catalog-studio {
  --catalog-bg:#10151c;
  --catalog-soft:#151e28;
  --catalog-ink:#edf4fb;
  --catalog-muted:#93a1b2;
  --catalog-line:#252e39;
  --catalog-accent:#21b8eb;
  --showcase-cyan:#0ca9df;
  --showcase-folder:linear-gradient(110deg,#0c1b22 0%,#10161d 45%,#101318 100%);
  --showcase-border:#1c4654;
  --showcase-pill:#112932;
}
html body #products.catalog-studio .sp-category-tabs {gap:8px!important;padding:3px 2px 10px!important;scrollbar-width:none}
html body #products.catalog-studio .sp-category-tabs::-webkit-scrollbar {display:none}
html body #products.catalog-studio .sp-category-btn {
  min-height:39px!important;padding:7px 12px!important;border-radius:14px!important;
  background:var(--showcase-pill)!important;border-color:transparent!important;color:var(--catalog-ink)!important;
  transition:background .2s,color .2s,transform .2s,box-shadow .2s!important;
}
html body #products.catalog-studio .sp-category-btn.active {
  background:linear-gradient(115deg,#079dcf,#167ec6)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:0 4px 12px #078fc327!important;
}
html body #products.catalog-studio .sp-category-btn:not(.active):hover {border-color:var(--showcase-border)!important;transform:translateY(-1px)!important}
html body #products.catalog-studio .sp-category-btn:active {transform:scale(.97)!important}
html body #products.catalog-studio .sp-category-btn-icon {border-radius:8px!important;background:#ffffff75!important;color:var(--catalog-accent)!important}
html body #products.catalog-studio .sp-category-btn.active .sp-category-btn-icon {background:#ffffff25!important;color:#fff!important}
html body #products.catalog-studio .sp-category-btn-count {border-radius:6px!important;background:#ffffff70!important;color:var(--catalog-accent)!important}
html body #products.catalog-studio .sp-category-btn.active .sp-category-btn-count {background:#ffffff25!important;color:#fff!important}
html.site-dark body #products.catalog-studio .sp-category-btn:not(.active) :is(.sp-category-btn-icon,.sp-category-btn-count) {background:#ffffff08!important}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-head {
  position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px!important;border-radius:24px!important;margin-bottom:12px;
  border:1px solid var(--showcase-border);background:var(--showcase-folder);box-shadow:0 3px 14px #078fc306;
}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-icon {width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:50%!important;border:1px solid var(--showcase-border);background:var(--catalog-bg);box-shadow:0 3px 8px #079dcf0b;overflow:hidden}
html body #products.catalog-studio .catalog-folder-icon img {width:100%;height:100%;object-fit:cover}
html body #products.catalog-studio .catalog-folder-copy {flex:1 1 auto;min-width:0}
html body #products.catalog-studio .catalog-folder-copy h3 {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:1.45;font-weight:800;margin:0 0 3px;letter-spacing:-.15px}
html body #products.catalog-studio .catalog-folder-copy>span {font-size:10px;color:var(--catalog-muted)}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-actions {display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:10px;min-width:0}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-faces {display:flex!important;flex:none;align-items:center;padding:3px 0 3px 8px;isolation:isolate}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-face {
  position:relative;display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;margin-left:-8px;overflow:hidden;
  border:2px solid var(--compact-surface,#fff);border-radius:50%!important;background:var(--catalog-soft);box-shadow:0 2px 6px #12233219;
  color:var(--catalog-muted);transition:transform .2s,box-shadow .2s;
}
html body #products.catalog-studio .catalog-folder-face:hover {transform:translateY(-3px);z-index:1}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-face img {display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-face--more {flex-basis:auto;min-width:30px;width:auto;padding:0 5px;font-size:9px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;background:var(--compact-selected,var(--showcase-pill));color:var(--compact-blue,var(--catalog-accent))}
html body #products.catalog-studio .catalog-image-fallback {width:100%;height:100%;display:grid;place-items:center;background:var(--catalog-soft);color:var(--catalog-accent);font-size:12px}
html body #products.catalog-studio .catalog-image-fallback[hidden],html body #products.catalog-studio img[hidden] {display:none!important}
html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-more {min-height:38px!important;border-radius:999px!important;font-size:10px!important;padding:9px 15px!important;gap:8px;background:var(--catalog-bg);border:1px solid var(--catalog-line);box-shadow:0 2px 6px #14263705;color:var(--catalog-ink);white-space:nowrap;transition:transform .2s,box-shadow .2s,border-color .2s}
html body #products.catalog-studio .catalog-more:hover {border-color:var(--showcase-cyan);color:var(--catalog-accent);box-shadow:0 4px 12px #079dcf13}
html body #products.catalog-studio .catalog-more:active {transform:scale(.97)}
html body #products.catalog-studio .sp-card {border-radius:18px!important;box-shadow:0 3px 12px #172a4104!important}
html body #products.catalog-studio .sp-card:hover {border-color:var(--showcase-border)!important;box-shadow:0 7px 20px #079dcf12!important}
html body #products.catalog-studio .sp-card .catalog-card-metrics {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:7px 10px;width:100%;
  margin:auto 0 0;padding:7px 0 5px;border:0;background:none;min-height:27px;
}
html body #products.catalog-studio .catalog-metric {display:inline-flex;align-items:center;gap:4px;min-width:0;white-space:nowrap;color:var(--catalog-muted);font-size:10px;line-height:1.5;font-weight:450}
html body #products.catalog-studio .catalog-metric :is(i,svg) {font-size:11px;width:12px;flex:none;opacity:.85}
html body #products.catalog-studio .catalog-metric strong {font-size:inherit;font-weight:700;color:var(--catalog-ink);font-variant-numeric:tabular-nums}
html body #products.catalog-studio .catalog-metric--stock :is(i,svg) {color:var(--catalog-accent)}
html body #products.catalog-studio .catalog-metric--sold :is(i,svg) {color:#c99758}
html body #products.catalog-studio .sp-buy-btn {
  border:0!important;border-radius:999px!important;background:linear-gradient(110deg,#0aafdf,#0798d0)!important;
  box-shadow:0 3px 9px #079dcf16!important;min-height:32px!important;transition:transform .2s,box-shadow .2s,filter .2s!important;
}
html body #products.catalog-studio .sp-buy-btn:hover {transform:translateY(-1px)!important;box-shadow:0 5px 14px #079dcf30!important;filter:brightness(1.05)}
html body #products.catalog-studio .sp-buy-btn:active {transform:scale(.98)!important}
html body #products.catalog-studio .sp-buy-btn[aria-disabled=true] {filter:grayscale(.6);box-shadow:none!important}
html body #products.catalog-studio .catalog-suggestions {margin:0 0 23px;min-width:0}
html body #products.catalog-studio .catalog-suggestions-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 1px}
html body #products.catalog-studio .catalog-suggestions-head h2 {display:inline-flex;align-items:center;gap:7px;width:auto;margin:0;padding:8px 11px;border:1px solid #edcfa5;border-radius:999px;background:#fff5e8;color:#84551f;font-size:11px;line-height:1.3;letter-spacing:.15px;font-weight:800;text-transform:uppercase}
html body #products.catalog-studio .catalog-suggestions-head h2 :is(i,svg) {color:#eb9a24;font-size:10px}
html.site-dark body #products.catalog-studio .catalog-suggestions-head h2 {background:#291c10;border-color:#573713;color:#f5e6cf}
html body #products.catalog-studio .catalog-suggestions-controls {display:flex;gap:6px;align-items:center}
html body #products.catalog-studio .catalog-suggestions-controls button {
  display:grid;place-items:center;width:30px;height:30px;min-width:30px;padding:0;border:1px solid var(--catalog-line);border-radius:50%;
  background:var(--catalog-bg);color:var(--catalog-ink);font-size:10px;cursor:pointer;box-shadow:none;transition:background .2s,transform .2s,border-color .2s;
}
html body #products.catalog-studio .catalog-suggestions-controls button:hover {background:var(--showcase-pill);border-color:var(--showcase-border);transform:translateY(-1px)}
html body #products.catalog-studio .catalog-suggestions-controls button:active {transform:scale(.92)}
html body #products.catalog-studio .catalog-suggestions-controls button:disabled {opacity:.35;cursor:default;transform:none}
html body #products.catalog-studio .catalog-suggestions-controls button[aria-pressed=true] {color:var(--catalog-accent);background:var(--showcase-pill)}
html body #products.catalog-studio .catalog-suggestions-track {display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 1px 6px;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;touch-action:pan-x pan-y;max-width:100%;border-radius:16px}
html body #products.catalog-studio .catalog-suggestions-track::-webkit-scrollbar {display:none}
html body #products.catalog-studio .catalog-suggestion {
  flex:0 0 270px;min-width:0;padding:14px;border:1px solid var(--catalog-line);border-radius:16px;background:var(--catalog-bg);
  box-shadow:0 3px 12px #172a4103;transition:border-color .2s,box-shadow .2s;
}
html body #products.catalog-studio .catalog-suggestion:hover {border-color:var(--showcase-border);box-shadow:0 4px 15px #079dcf0a}
html body #products.catalog-studio .catalog-suggestion-main {display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--catalog-ink);min-width:0}
html body #products.catalog-studio .catalog-suggestion-image {display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;overflow:hidden;border-radius:12px;border:1px solid var(--catalog-line);background:var(--catalog-soft)}
html body #products.catalog-studio .catalog-suggestion-image img {display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
html body #products.catalog-studio .catalog-suggestion-main:hover img {transform:scale(1.06)}
html body #products.catalog-studio .catalog-suggestion-copy {display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
html body #products.catalog-studio .catalog-suggestion-name {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;font-weight:750;color:var(--catalog-ink);overflow-wrap:anywhere}
html body #products.catalog-studio .catalog-suggestion-price {font-size:12px;font-weight:800;line-height:1.4;color:var(--catalog-accent)}
html body #products.catalog-studio .catalog-suggestion-foot {display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--catalog-line);margin-top:12px;padding-top:10px}
html body #products.catalog-studio .catalog-suggestion-foot .catalog-card-metrics {display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
html body #products.catalog-studio .catalog-suggestion-foot .catalog-metric {font-size:9px}
html body #products.catalog-studio .catalog-suggestion-foot .catalog-metric :is(i,svg) {width:10px;font-size:9px}
html.site-pearl body.public-ui #products.catalog-studio .catalog-suggestion-buy {
  display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;
  min-width:76px;min-height:36px;padding:8px 15px!important;border:0!important;border-radius:999px!important;
  background:linear-gradient(115deg,var(--showcase-buy-start),var(--showcase-buy-end))!important;color:#fff!important;
  box-shadow:0 4px 12px var(--showcase-buy-shadow);font-size:11px;font-weight:750;line-height:1.3;text-decoration:none;
  transition:filter .2s,transform .2s,box-shadow .2s;touch-action:manipulation;
}
html.site-pearl body.public-ui #products.catalog-studio .catalog-suggestion-buy :is(span,i,svg) {color:inherit!important}
html body #products.catalog-studio .catalog-suggestion-buy :is(i,svg) {font-size:9px}
html.site-pearl body.public-ui #products.catalog-studio .catalog-suggestion-buy:hover {filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 16px var(--showcase-buy-shadow)}
html.site-pearl body.public-ui #products.catalog-studio .catalog-suggestion-buy:active {transform:scale(.96)}
html body #products.catalog-studio :is(.catalog-more,.catalog-suggestions-track,.catalog-suggestions-controls button,.catalog-suggestion-main,.catalog-suggestion-buy,.sp-category-btn):focus-visible {outline:2px solid var(--showcase-cyan)!important;outline-offset:3px}
@media(max-width:760px) {
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-head {padding:11px 12px!important;gap:9px;border-radius:21px!important}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-icon {width:34px!important;height:34px!important;flex-basis:34px!important}
  html body #products.catalog-studio .catalog-folder-copy h3 {font-size:11px;line-height:1.4;margin-bottom:3px}
  html body #products.catalog-studio .catalog-folder-copy>span {font-size:9px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-actions {gap:8px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-face {width:26px;height:26px;flex-basis:26px;margin-left:-8px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-face--more {flex-basis:auto;min-width:26px;font-size:8px;padding:0 4px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-more {font-size:10px!important;padding:8px 12px!important;gap:6px;min-height:36px!important}
  html body #products.catalog-studio .catalog-more :is(i,svg) {font-size:8px}
  html body #products.catalog-studio .sp-card {border-radius:15px!important}
  html body #products.catalog-studio .sp-card .catalog-card-metrics {gap:5px 7px;padding:6px 0 4px}
  html body #products.catalog-studio .catalog-metric {font-size:9px;gap:3px}
  html body #products.catalog-studio .catalog-metric :is(i,svg) {font-size:10px;width:10px}
  html body #products.catalog-studio .sp-category-btn {min-height:37px!important;border-radius:12px!important;padding:6px 10px!important}
  html body #products.catalog-studio .catalog-suggestion {flex-basis:242px;padding:12px}
  html body #products.catalog-studio .catalog-suggestions-track {gap:10px}
  html body #products.catalog-studio .catalog-suggestions-head h2 {font-size:10px;padding:7px 10px}
  html body #products.catalog-studio .catalog-suggestions-controls button {width:28px;height:28px;min-width:28px}
}
@media(max-width:360px) {
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-head {padding:10px 11px!important;gap:8px;border-radius:20px!important}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-icon {width:32px!important;height:32px!important;flex-basis:32px!important}
  html body #products.catalog-studio .catalog-folder-copy h3 {font-size:10px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-face {width:24px;height:24px;flex-basis:24px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-face--more {flex-basis:auto;min-width:24px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-actions {gap:8px}
  html body #products.catalog-studio .catalog-metric {font-size:8px;gap:3px}
  html body #products.catalog-studio .catalog-metric :is(i,svg) {font-size:9px;width:9px}
}
@media(max-width:380px) {
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-head {grid-template-columns:auto minmax(0,1fr);row-gap:6px}
  html.site-pearl body.public-ui #products.catalog-studio .catalog-folder .catalog-folder-actions {grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce) {
  html body #products.catalog-studio * {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}