/** Shopify CDN: Minification failed

Line 14:17 Expected identifier but found whitespace
Line 14:19 Unexpected "{"
Line 14:28 Expected ":"
Line 14:49 Expected ":"
Line 55:3 Expected "}" to go with "{"

**/

  @media (min-width: 768px) {
    .band-container {
      background-size: cover !important;
      min-height: {{ section.settings.height }}px !important;
    }
    .responsive-icon {
      width: 128px !important;
      height: 128px !important;
    }
  }
  /* Responsive Band: Shrink Bg & Icons on Mobile */
  @media (max-width: 767px) {
    .band-container {
      background-image: url('{{ section.mobile_background_image | image_url: width: 700 }}');
      background-size: cover !important; /* Shrinks bg to fit without crop */
      min-height: 140px !important; /* Shorter height */
      padding: 10px !important; /* Less inner space */
    }
    .icon-row {
      gap: 10px !important; /* Tighter gap */
      flex-direction: row !important; /* Changed to row for 2 per row */
      flex-wrap: wrap !important; /* Allow wrap for 2-column */
    }
    .icon-block img {
      width: 112px !important; /* 75% shrink */
      height: 112px !important;
      padding: 15px !important; /* Less padding */
      margin-bottom: 10px !important;
    }
  }
  
  /* Extra Small Screens */
  @media (max-width: 480px) {
    .icon-block img {
      width: 112px !important;
      height: 112px !important;
      padding: 10px !important;
    }
  }

  /* High-DPI Screens (Retina) */
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .responsive-icon {
    image-rendering: -webkit-optimize-contrast; /* Crisp icons */
  }