bast-stock-counter{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;background:#dfd8ce;color:#1e1e1e;border:1px solid #c9c0b2;border-radius:8px;padding:22px 24px 24px;margin:0 0 20px;container-type:inline-size}
bast-stock-counter[hidden]{display:none!important}
.bast-stock-counter p{margin:0}
.bast-stock-counter__header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.bast-stock-counter__heading{font-family:var(--font-heading-family,'Heading Font',sans-serif);font-size:21px;line-height:1.22;letter-spacing:-.15px;white-space:nowrap}
.bast-stock-counter__quantity{display:flex;align-items:baseline;gap:6px;white-space:nowrap;flex-shrink:0;line-height:1}
.bast-stock-counter__quantity strong{font-family:'Heading Font',sans-serif;font-size:34px;font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-.8px}
.bast-stock-counter__quantity span{font-size:16px}
.bast-stock-counter__track{grid-column:1/-1;height:8px;border-radius:99px;background:#1e1e1e;overflow:hidden;box-shadow:0 0 0 1px #1e1e1e}
.bast-stock-counter__fill{height:100%;width:0;background:#ffce1d;border-radius:99px;transition:width .25s ease}
@container(max-width:420px){.bast-stock-counter__header{display:contents}.bast-stock-counter__heading{grid-column:1/-1;font-size:clamp(14px,6cqi,21px);margin-bottom:14px!important}.bast-stock-counter__quantity{grid-column:2;grid-row:2;gap:5px}.bast-stock-counter__quantity strong{font-size:26px}.bast-stock-counter__quantity span{font-size:14px}.bast-stock-counter__track{grid-column:1;grid-row:2;align-self:center}}
@media(max-width:600px){bast-stock-counter{padding:18px 16px}}
@media(prefers-reduced-motion:reduce){.bast-stock-counter__fill{transition:none}}