/** Shopify CDN: Minification failed

Line 21:15 Expected identifier but found whitespace
Line 21:17 Unexpected "{"
Line 21:27 Expected ":"
Line 24:15 Expected identifier but found whitespace
Line 24:16 Unexpected "2px"
Line 24:27 Unexpected "{"
Line 24:37 Expected ":"
Line 49:10 Expected identifier but found whitespace
Line 49:12 Unexpected "{"
Line 49:22 Expected ":"
... and 6 more hidden warnings

**/
.gamify-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: {{ settings.gamify_bar_bg }};
    padding: 5px 16px;
    z-index: 9999;
    border-top: 2px solid {{ settings.gamify_border_color }};
    box-shadow: 0 -6px 20px rgba(180, 50, 50, 0.15);
    font-family: system-ui, -apple-system, BlinkMacSystemFont;
    transition: padding 0.3s ease;
    opacity: 0;
    transition: opacity 0.3s ease, padding 0.3s ease;
  }

  .gamify-bar.loaded {
    opacity: 1;
  }

  .gamify-bar.all-complete {
    padding: 10px 16px;
  }

  .gamify-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Next Milestone - Above Bar */
  .gamify-text-next {
    font-size: 13px;
    font-weight: 600;
    color: {{ settings.gamify_text_color }};
    margin-bottom: 8px;
    text-align: center;
    transition: opacity 0.3s ease, height 0.3s ease;
  }

  .gamify-text-next.hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
  }

  /* Progress Bar */
  .gamify-progress {
    width: 100%;
    height: 8px;
    background: {{ settings.gamify_progress_bg }};
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    transition: opacity 0.3s ease, height 0.3s ease, margin 0.3s ease;
  }

  .gamify-progress.hidden {
    opacity: 0;
    height: 0;
    margin: 0;
    overflow: hidden;
  }

  .gamify-progress span {
    display: block;
    height: 100%;
    width: 0%;
    background: linear-gradient(90deg, {{ settings.gamify_progress_fill_start }}, {{ settings.gamify_progress_fill_end }});
    transition: width 0.6s ease;
  }

  /* Congratulations - Below Bar */
  .gamify-text-congrats {
    font-size: 12px;
    font-weight: 600;
    color: {{ settings.gamify_text_color }};
    margin-top: 0px;
    text-align: center;
    min-height: 20px;
    transition: margin 0.3s ease;
  }

  .gamify-bar.all-complete .gamify-text-congrats {
    margin-top: 0;
  }

  .gamify-text-congrats:empty {
    display: none;
  }

  /* Milestone markers (hidden) */
  .gamify-markers {
    display: none;
  }

  @media (min-width: 768px) {
    .gamify-text-next { font-size: 14px; }
    .gamify-text-congrats { font-size: 13px; }
    .gamify-progress { height: 10px; }
  }