/** Shopify CDN: Minification failed

Line 76:0 Unexpected "<"

**/
/*
  Dynamic stock status — dot colour states + injected message.
  Paired with snippets/dynamic-stock.liquid + assets/dynamic-stock.js.
  Only loaded on products carrying the `track-stock` tag.
*/

/* Dot colour states.
   Applied by JS to the existing GemPages `span.pulsating-dot`, and to our own
   injected dot on the native surface. `--dyn-glow` feeds the pulse keyframes. */
.dyn-dot--in {
  background-color: #00c65e !important; /* green — in stock */
  --dyn-glow: rgba(0, 198, 94, 0.6);
}
.dyn-dot--pre {
  background-color: #ffa500 !important; /* amber — pre-order */
  --dyn-glow: rgba(255, 165, 0, 0.6);
}

/* Our own pulse (uses the colour var). Overrides the GemPages `pulse` animation
   when our class is on the dot (higher specificity via the compound selector). */
.pulsating-dot.dyn-dot--in,
.pulsating-dot.dyn-dot--pre,
.dyn-stock-msg__dot {
  animation: dyn-pulse 1.5s infinite;
}
@keyframes dyn-pulse {
  0%   { box-shadow: 0 0 0 0 var(--dyn-glow); }
  70%  { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
  100% { box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .pulsating-dot.dyn-dot--in,
  .pulsating-dot.dyn-dot--pre,
  .dyn-stock-msg__dot {
    animation: none !important;
  }
}

/* Text we write into the GemPages message row (replaces the gp-estimate-date text). */
.dyn-stock-text {
  font-weight: 600;
  font-size: 13px !important;
}

@media (max-width: 480px) {
  .dyn-stock-text {
    font-size: 12px !important;
  }
}

/* Message we inject on the native surface (no pre-existing blinking message there). */
.dyn-stock-msg {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  font-size: 13px;
  line-height: 1.2;
}
.dyn-stock-msg__dot {
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.dyn-stock-msg__text {
  font-weight: 600;
}
</content>