/** Shopify CDN: Minification failed

Line 16:12 Unexpected "{"
Line 16:21 Expected ":"
Line 17:16 Expected identifier but found whitespace
Line 17:18 Unexpected "{"
Line 17:27 Expected ":"
Line 17:78 Expected ":"
Line 18:19 Expected identifier but found whitespace
Line 18:21 Unexpected "{"
Line 18:30 Expected ":"
Line 18:84 Expected ":"
... and 10 more hidden warnings

**/
  .section-{{ section.id }}-padding {
    padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
    padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
  }

  /* By default, hide the section */
  .facets-placeholder-section {
      display: none;
  }

  /* Display the section for screens 775px and wider */
  @media screen and (min-width: 891px) {
      .facets-placeholder-section {
          display: block;
      }
  }

  /* For the other styles */
  .facets-placeholder {
      width: 20%;
      float: left; /* or use flexbox or grid, depending on your layout */
      padding: 0 20px 20px 20px;
      background-color: #ffffff;
      border-radius: 5px;
  }

  ul.parent {
      list-style-type: none;
      margin: 0;
      padding: 0;
  }

  ul.parent > li {
      padding: 5px 0;
      border-bottom: 1px solid #e0e0e0;
      font-size: 1.4rem;
  }

  ul.parent > li:last-child {
      border-bottom: none;
  }

  ul.parent > li a {
      text-decoration: none;
      color: #333;
      transition: color 0.3s;
  }

  ul.parent > li a:hover {
      color: #007BFF;
  }

  ul.child {
      list-style-type: none;
      margin-left: 20px;
      padding: 10px 0;
  }

  ul.child > li {
      padding: 5px 0;
      font-size: 1.6rem;
  }

  ul.child > li a {
      text-decoration: none;
      color: #666;
      transition: color 0.3s;
  }

  ul.child > li a:hover {
      color: #007BFF;
  }

  ul.grandchild {
      list-style-type: none;
      margin-left: 40px;
      padding: 5px 0;
  }

  ul.grandchild > li {
      padding: 3px 0;
      font-size: 1.6rem;
  }

  ul.grandchild > li a {
      text-decoration: none;
      color: #888;
      transition: color 0.3s;
  }

  ul.grandchild > li a:hover {
      color: #007BFF;
  }

  li.active > a {
      font-weight: bold;
      color: #007BFF;
  }

  p {
      font-size: 1.6rem;
      color: #999;
  }

  @media screen and (min-width: 891px) {
      .section-{{ section.id }}-padding {
          padding-top: {{ section.settings.padding_top }}px;
          padding-bottom: {{ section.settings.padding_bottom }}px;
      }
  }