/* slider */
.trecmb-slider .trecmb-track{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory}
.trecmb-slider .trecmb-items{min-width:80%;scroll-snap-align:start}
.trecmb-slider img{width:100%;height:auto;display:block}
@media(min-width:768px){.trecmb-slider .trecmb-item{min-width:33%}}

/* grid */
.trecmb-grid .trecmb-items{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.trecmb-grid img{width:100%;height:auto;display:block}

.trecmb-grid-1-2 .trecmb-items { display: grid; gap: 12px; }
.trecmb-grid-1-2 img { width: 100%; height: auto; display: block; }

/* Mobile: wszystko pod sobą */
@media (max-width: 767px) {
  .trecmb-grid-1-2 .trecmb-items { grid-template-columns: 1fr; }
}

/* Desktop: 1. w kolumnie 1 na 2 rzędy, 2. i 3. w kolumnie 2 pod sobą */
@media (min-width: 768px) {
  .trecmb-grid-1-2 .trecmb-items {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "big side-top"
      "big side-bottom";
    align-items: stretch;
  }
  .trecmb-grid-1-2 .trecmb-item-1 { grid-area: big; }
  .trecmb-grid-1-2 .trecmb-item-2 { grid-area: side-top; }
  .trecmb-grid-1-2 .trecmb-item-3 { grid-area: side-bottom; }

  /* Od 4. elementu w dół — pełna szerokość pod układem */
  .trecmb-grid-1-2 .trecmb-item:nth-child(n+4) { grid-column: 1 / -1; }
}