/** Shopify CDN: Minification failed

Line 26:2 Unexpected "{"
Line 26:3 Expected identifier but found "%"
Line 31:2 Unexpected "{"
Line 31:3 Expected identifier but found "%"
Line 50:0 Unexpected "{"
Line 50:1 Expected identifier but found "%"
Line 53:6 "trasnform" is not a known CSS property
Line 56:6 "trasnform" is not a known CSS property
Line 60:2 Unexpected "{"
Line 60:3 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
.reset{
      margin: 0;
      padding: 0;
    }
    .shop-name{
        color: green;
    }
  
  {% comment %}
  .bw-custom-banner-container{
    overflow: hidden;
    background-color: black;
  }
  {% endcomment %}
    .custom-banner{
      background-color: black;
      user-select: none;
      white-space: nowrap;
      overflow: hidden;

      display: flex;
      align-items: center;
      justify-content: center;
      gap: 1rem;
      

      color: white;
      text-transform: uppercase;
      font-size: 1rem;
      /*animation: banner-scroll 15s linear infinite;*/
    }

{% comment %}
    @keyframes banner-scroll{
    0%{
      trasnform: translateX(100%);
    }
    100%{
      trasnform: translateX(-100%);
    }
  }

  {% endcomment %}
  @media (max-width: 1439px) {
    .custom-hide {
      display: none;
    }
  }
    
    /* Mobile Devices */
  @media (min-width: 375px) and (max-width: 425px) {
    .custom-banner {
      font-size: 1.2rem;
    }
  }
  
  /* Small Tablets and Larger Phones */
  @media (min-width: 426px) and (max-width: 767px) {
    .custom-banner {
      font-size: 1.5rem;
    }
  }
  
  /* Tablets and Small Laptops */
  @media (min-width: 768px) and (max-width: 1023px) {
    .custom-banner {
      font-size: 2rem;
    }
  }
  
  /* Standard Laptops and Desktops */
  @media (min-width: 1024px) and (max-width: 1499px) {
    .custom-banner {
      font-size: 2.25rem;
      gap: 1.5rem;
    }
  }
  
  /* Larger Desktops and Monitors */
  @media (min-width: 1500px) and (max-width: 1919px) {
    .custom-banner {
      font-size: 2.5rem;
      gap: 2.5rem;
    }
  }
  
  /* 4K and Ultra-Wide Monitors */
  @media (min-width: 1920px) {
    .custom-banner {
      font-size: 3rem;
      gap: 4rem;
    }
  }