/** Shopify CDN: Minification failed

Line 17:23 Unexpected "{"
Line 17:32 Expected ":"
Line 26:23 Unexpected "{"
Line 26:32 Expected ":"
Line 40:23 Unexpected "{"
Line 40:32 Expected ":"
Line 46:23 Unexpected "{"
Line 46:32 Expected ":"
Line 52:23 Unexpected "{"
Line 52:32 Expected ":"
... and 32 more hidden warnings

**/
  /* Grid */
    #aa-bento-builder-{{ section.id }} .aa-bento-grid{
      display:grid;
      gap:var(--gap);
      grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
      grid-auto-rows: var(--row_h);
      align-items: stretch;
    }

    /* Item base */
    #aa-bento-builder-{{ section.id }} .aa-bento-item{
      position:relative;
      overflow:hidden;
      border-radius: var(--radius);
      padding: var(--pad);
      background: var(--bg);
      color: var(--tc);
      border: 1px solid rgba(0,0,0,.10);

      grid-column: var(--c) / span var(--cs);
      grid-row: var(--r) / span var(--rs);
      min-height: 180px;
    }

    #aa-bento-builder-{{ section.id }} .aa-bento-link{
      position:absolute;
      inset:0;
      z-index:2;
    }

    #aa-bento-builder-{{ section.id }} .aa-bento-media{
      position:absolute;
      inset:0;
      z-index:0;
      opacity: var(--imgop);
    }
    #aa-bento-builder-{{ section.id }} .aa-bento-media img{
      width:100%;
      height:100%;
      object-fit: cover;
      display:block;
    }

    #aa-bento-builder-{{ section.id }} .aa-bento-overlay{
      position:absolute;
      inset:0;
      z-index:1;
      background: rgba(0,0,0, var(--overlay));
      background: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 70%,rgba(26, 26, 26, .6) 100%);
      pointer-events:none;
    }

    /* Badge (independent) */
    #aa-bento-builder-{{ section.id }} .aa-bento-badge{
      z-index:3;
      display:inline-flex;
      align-items:center;
      width: fit-content;
      padding: 6px 10px;
      border-radius: 999px;
      font-weight: 800;
      font-size: var(--bfs);
      color: var(--bcl);
      background: var(--bbg);
    }

    /* Badge position: if absolute -> corners */
    #aa-bento-builder-{{ section.id }} .aa-bento-item{
      --babs: 0;
    }
    #aa-bento-builder-{{ section.id }} .aa-bento-item .aa-bento-badge{
      position: relative;
      margin-bottom: 10px;
    }
    #aa-bento-builder-{{ section.id }} .aa-bento-item[style*="--babs: 1"] .aa-bento-badge{
      position: absolute;
      margin: 0;
      top: var(--btop);
      right: var(--bright);
      bottom: var(--bbot);
      left: var(--bleft);
    }

    /* Content positioning (independent from badge) */
    #aa-bento-builder-{{ section.id }} .aa-bento-content{
      position:relative;
      z-index:3;
      display:flex;
      flex-direction:column;
      gap:10px;
      height:100%;

      justify-content: var(--jc);
      align-items: var(--ai);
      text-align: var(--ta);
    }

    #aa-bento-builder-{{ section.id }} .aa-bento-title{
      margin:0;
      font-weight: 900;
      line-height:1.15;
      font-size: var(--tfs);
      color: var(--tcl);
      text-shadow: 1px 1px 15px rgba(0,0,0,.5);
    }

    #aa-bento-builder-{{ section.id }} .aa-bento-text{
      opacity:.92;
      font-size: 15px;
    }

    #aa-bento-builder-{{ section.id }} .aa-bento-cta{
      font-weight: 900;
      display:inline-flex;
      align-items:center;
      gap:8px;
      width: fit-content;
    }

    /* Tablet */
    @media (max-width: 989px){
      #aa-bento-builder-{{ section.id }} .aa-bento-grid{
        grid-template-columns: repeat(var(--cols_tab), minmax(0, 1fr));
      }
      #aa-bento-builder-{{ section.id }} .aa-bento-item[style*="--ct:"]{
        grid-column: var(--ct) / span var(--cst);
        grid-row: var(--rt) / span var(--rst);
      }
    }

    /* Tablet: 2 nebeneinander (auto flow) */
@media (max-width: 989px){
  #aa-bento-builder-{{ section.id }} .aa-bento-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto; /* optional: auto statt var(--row_h) */
  }

  /* Standard: auf Tablet keine manuelle Platzierung -> 2er Grid fließt sauber */
  #aa-bento-builder-{{ section.id }} .aa-bento-item{
    grid-column: auto / auto;
    grid-row: auto / auto;
  }

  /* Optional: wenn Tablet Custom Placement aktiv ist, soll es trotzdem greifen */
  #aa-bento-builder-{{ section.id }} .aa-bento-item[style*="--ct:"]{
    grid-column: var(--ct) / span var(--cst);
    grid-row: var(--rt) / span var(--rst);
  }
}

    /* Mobile: stack */
    @media (max-width: 749px){
      #aa-bento-builder-{{ section.id }} .aa-bento-grid{
        grid-template-columns: 1fr;
        grid-auto-rows: auto;
      }
      #aa-bento-builder-{{ section.id }} .aa-bento-item{
        grid-column: auto / auto;
        grid-row: auto / auto;
        min-height: 220px;
      }
    }