/* Suhavi Store - Signals (badges, sales line, our pick, delivery date). Theme colours only (gold buttons, near-black ink); no green / teal. */
:root {
	--sg-gold: var(--theme-button-background-initial-color, #e5b726);
	--sg-ink: var(--theme-palette-color-4, #152420);
	--sg-muted: var(--theme-text-color, #42504b);
	--sg-line: var(--theme-palette-color-5, #e2edef);
	--sg-sunk: var(--theme-palette-color-6, #eef4f5);
	--sg-deep: color-mix(in srgb, var(--sg-gold) 55%, #000);
	--sg-soft: color-mix(in srgb, var(--sg-gold) 14%, #fff);
}
/* badges next to the brand / rating */
.sst-sg-chip { display: inline-flex; align-items: center; gap: 5px; border-radius: 99px; padding: 3px 10px; font-weight: 700; font-size: 12.5px; line-height: 1.3;
	background: var(--sg-soft); color: var(--sg-deep); border: 1px solid color-mix(in srgb, var(--sg-gold) 40%, #fff); }
.sst-sg-chip.sst-sg-best1 { background: var(--sg-ink); color: #fff; border-color: var(--sg-ink); }
.sst-sg-chip::before { content: "★"; font-size: 11px; }
.sst-sg-chip.sst-sg-pick::before { content: "✓"; }
/* sales / demand / last bought lines under the price */
.sst-sg { display: flex; flex-direction: column; gap: 3px; font-size: 13px; line-height: 1.4; color: var(--sg-muted); }
.sst-sg > span { display: block; position: relative; padding-left: 20px; }
.sst-sg > span::before { position: absolute; left: 0; top: 0; width: 14px; text-align: center; color: var(--sg-deep); }
.sst-sg-sold::before { content: "▲"; font-size: 10px; }
.sst-sg-hot::before { content: "●"; font-size: 9px; color: #b3262c !important; }
.sst-sg-last::before { content: "⌖"; }
.sst-sg b { color: var(--sg-ink); font-weight: 700; }
/* our pick card */
.sst-sg-pick { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--sg-line); border-radius: 12px; background: #fff;
	color: var(--sg-ink) !important; text-decoration: none !important; }
.sst-sg-pick:hover { border-color: var(--sg-gold); }
.sst-sg-pick img { width: 52px; height: 52px; object-fit: contain; border-radius: 8px; background: #fff; flex: none; }
.sst-sg-pick span { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.sst-sg-pick small { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .03em; color: var(--sg-deep); }
.sst-sg-pick b { font-size: 14px; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sst-sg-pick em { font-style: normal; font-size: 12.5px; color: var(--sg-muted); }
.sst-sg-pick i { font-style: normal; font-size: 22px; color: var(--sg-muted); }
/* delivery date row */
.sst-eta .sst-eta-h { font-weight: 700; }
.sst-eta .sst-eta-d { color: var(--sg-deep) !important; }
.sst-eta-m { display: block; font-size: 12.5px; margin-top: 4px; }
.sst-eta-m:empty { display: none; }
.sst-eta-ask { background: none !important; border: 0 !important; padding: 0 !important; min-height: 0 !important; color: var(--sg-ink) !important; text-decoration: underline;
	font-size: 12.5px !important; font-weight: 600; cursor: pointer; }
/* shop / category cards */
.sst-sg-lb { display: inline-block; width: fit-content; max-width: 100%; align-self: flex-start; margin: 2px 0 4px; padding: 2px 8px; border-radius: 99px; font-size: 11px; font-weight: 700; line-height: 1.4;
	background: var(--sg-soft); color: var(--sg-deep); }
.sst-sg-lb.sst-sg-best1 { background: var(--sg-ink); color: #fff; }
/* cart + checkout: delivery date under each item */
.sst-eta-ck { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 600; line-height: 1.35; color: var(--sg-deep); }
.sst-eta-ck:empty { display: none; }
/* the team's badges */
.sst-sg-chip.sst-sg-clear, .sst-sg-lb.sst-sg-clear { background: #b3262c; color: #fff; border-color: #b3262c; }
.sst-sg-chip.sst-sg-clear::before { content: "%"; }
.sst-sg-chip.sst-sg-rec::before { content: "✓"; }
.sst-sg-chip.sst-sg-top10::before { content: "▲"; font-size: 9px; }
/* "More top picks in <category>" row on product pages */
.sst-sg-row-h { font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.sst-sg-row-l { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(132px, 1fr); gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 4px; }
.sst-sg-pc { scroll-snap-align: start; display: flex; flex-direction: column; gap: 3px; padding: 8px; border: 1px solid var(--sg-line); border-radius: 12px; background: #fff;
	color: var(--sg-ink) !important; text-decoration: none !important; min-width: 0; }
.sst-sg-pc:hover { border-color: var(--sg-gold); }
.sst-sg-pc img, .sst-sg-pc .sst-sg-ph { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: 8px; background: #fff; }
.sst-sg-pc small { align-self: flex-start; font-size: 10.5px; font-weight: 700; padding: 1px 7px; border-radius: 99px; background: var(--sg-soft); color: var(--sg-deep); }
.sst-sg-pc b { font-size: 12.5px; line-height: 1.3; font-weight: 600; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sst-sg-pc em { font-style: normal; font-size: 13px; font-weight: 700; color: var(--sg-deep); }