/** Shopify CDN: Minification failed

Line 119:0 Unexpected "}"

**/
.product-inventory__indicator {
  display: block;
  position: relative;
  height: 5px;
  margin-top: 8px;
  border-radius: 3px;
  background-color: rgba(var(--text-color)/0.1);
}

.product-inventory__indicator span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  transition: width 0.3s cubic-bezier(0, 0.14, 0.19, 1), background-color 0.3s;
  border-radius: inherit;
  background-color: currentColor;
}

.product-inventory__urgency p {
  display: inline;
}

/* ---------- availability box ----------
 *
 * COLOURS ARE FROM THE BRAND GUIDE, page 5. Two earlier attempts used invented
 * colours (#0b6bcb blue, #C2621A amber) that appear nowhere in the palette.
 *
 *   5F7D3B  dark green   contrast 4.7 on white — passes AA
 *   9D8F68  tan          contrast 3.2 — FAILS as text, fine as a dot or tint
 *   525653  dark grey    contrast 7.5
 *   1E1E1E  near-black   contrast 16.7
 *
 * The palette is greens plus neutrals, so there is no second "signal" colour.
 * Tan is the only warm hue and it is too light to read as small text. So the
 * DOT and the PANEL TINT carry the tan, and the text stays near-black. The
 * state is still unmistakable and every value is on-brand.
 *
 * The in-stock green moves from #0DA44A to 5F7D3B. The old value is in no part
 * of the guide, fails contrast at 3.3, and is the "bright green" the guide says
 * three times to get rid of (pages 10, 12, 13).
 *
 * SIZES ARE IN PX ON PURPOSE. The theme sets root font-size to 62.5%, so 1rem
 * is 10px. Every rem value renders at 60% of intent.
 */

/* --- our own stock: brand dark green --- */
.product-inventory[data-inventory-level="normal"] .product-inventory__status,
.product-inventory[data-inventory-level="in_stock"] .product-inventory__status,
.product-inventory[data-inventory-level="low"] .product-inventory__status,
.product-inventory[data-inventory-level="very_low"] .product-inventory__status {
  color: #5F7D3B;
}

/* --- supplier stock: near-black text, tan dot --- */
.product-inventory[data-inventory-level="supplier"] .product-inventory__status,
.product-inventory[data-inventory-level="supplier_low"] .product-inventory__status {
  color: #1E1E1E;
}

.product-inventory[data-inventory-level="supplier"] .product-inventory__status::before {
  background-color: #9D8F68 !important;
}

.product-inventory[data-inventory-level="supplier_low"] .product-inventory__status::before {
  background-color: #525653 !important;
}

.product-inventory:not([data-inventory-level=""]) {
  border: 1px solid rgba(var(--text-color)/0.15);
  border-radius: 8px;
  padding: 18px 20px;
  margin-top: 60px !important;
  margin-bottom: 60px;
}

.product-inventory:not([data-inventory-level=""])::before {
  content: "Availability";
  display: block;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: rgba(var(--text-color)/0.7);
  margin-bottom: 7px;
}

/* Tan tint marks the supplier states before a word is read. */
.product-inventory[data-inventory-level="supplier"],
.product-inventory[data-inventory-level="supplier_low"] {
  background: rgba(157, 143, 104, 0.12);
  border-color: rgba(157, 143, 104, 0.45);
}

.product-inventory[data-inventory-level="supplier"]::before,
.product-inventory[data-inventory-level="supplier_low"]::before {
  color: #6E6448;
}

.product-inventory:not([data-inventory-level=""]) .product-inventory__status {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.product-inventory:not([data-inventory-level=""]) .product-inventory__urgency,
.product-inventory:not([data-inventory-level=""]) .product-inventory__urgency p {
  display: inline;
  font-size: 16px;
  font-weight: 400;
  color: rgba(var(--text-color)/0.8);
}
}

/* The Backordered state blanks its status text on purpose, which would leave
   the dot orphaned above the message. */
.product-inventory .product-inventory__status:empty {
  display: none;
}

.product-inventory:not([data-inventory-level=""]) .product-inventory__indicator {
  margin-top: 8px;
  margin-bottom: 0;
}
/* The bar takes currentColor from the indicator, not from the status, so the
   status colour never reached it — it stayed on the old bright #0DA44A while
   the text moved to brand dark green. */
.product-inventory:not([data-inventory-level=""]) .product-inventory__indicator {
  color: #5F7D3B;
}
/* ---------- state fills ----------
 * Every state gets a fill so no box is the odd white one out. The hue carries
 * the meaning: green go, tan wait, grey no. */

/* our own stock */
.product-inventory[data-inventory-level="normal"],
.product-inventory[data-inventory-level="in_stock"],
.product-inventory[data-inventory-level="low"],
.product-inventory[data-inventory-level="very_low"] {
  background: rgba(95, 125, 59, 0.08);
  border-color: rgba(95, 125, 59, 0.32);
}

.product-inventory[data-inventory-level="normal"]::before,
.product-inventory[data-inventory-level="in_stock"]::before,
.product-inventory[data-inventory-level="low"]::before,
.product-inventory[data-inventory-level="very_low"]::before {
  color: #5F7D3B;
}

/* out of stock — brand dark grey throughout: fill, border, heading, text, dot */
.product-inventory[data-inventory-level="none"],
.product-inventory[data-inventory-level="backordered"] {
  background: rgba(82, 86, 83, 0.07);
  border-color: rgba(82, 86, 83, 0.28);
}

.product-inventory[data-inventory-level="none"]::before,
.product-inventory[data-inventory-level="backordered"]::before {
  color: #525653;
}

.product-inventory[data-inventory-level="none"] .product-inventory__status,
.product-inventory[data-inventory-level="backordered"] .product-inventory__status {
  color: #525653;
}

/* No depth bar when there is no depth — an empty track is just a grey line. */
.product-inventory[data-inventory-level="none"] .product-inventory__indicator,
.product-inventory[data-inventory-level="backordered"] .product-inventory__indicator {
  display: none;
}

/* PRE-ORDER — stock already bought, inbound to us.
   Green like in stock, because we are still the ones supplying it.
   Hollow dot instead of filled: bought, not yet on the shelf. */

.product-inventory[data-inventory-level="preorder"] .product-inventory__status {
  color: #1E1E1E;
}

.product-inventory[data-inventory-level="preorder"] .product-inventory__status::before {
  background-color: transparent !important;
  box-shadow: inset 0 0 0 2.5px #5F7D3B;
}

.product-inventory[data-inventory-level="preorder"] {
  background: rgba(95, 125, 59, 0.09);
  border-color: rgba(95, 125, 59, 0.40);
}

.product-inventory[data-inventory-level="preorder"]::before {
  color: #4A6230;
}