/* Obsahové bloky z editoru (popisy zboží a kategorií, stránky, nabídkové listy).
   Sloupce se přeskládají samy: tablet 4 → 2, mobil → pod sebou (nebo „po dvou“, má-li blok třídu gbt-grid--pairs). */
.gbt-grid { display: grid; gap: 21px; margin: 16px 0; align-items: start; }
.gbt-grid > .gbt-col { min-width: 0; }
.gbt-grid > .gbt-col > :first-child { margin-top: 0; }
.gbt-grid > .gbt-col > :last-child { margin-bottom: 0; }
.gbt-grid-1 { grid-template-columns: 1fr; }
.gbt-grid-2 { grid-template-columns: repeat(2, 1fr); }
.gbt-grid-3 { grid-template-columns: repeat(3, 1fr); }
.gbt-grid-4 { grid-template-columns: repeat(4, 1fr); }
.gbt-grid-2-1 { grid-template-columns: 2fr 1fr; }
.gbt-grid-1-2 { grid-template-columns: 1fr 2fr; }
.gbt-col img { max-width: 100%; height: auto; }

/* zvýrazněný box (upozornění, akce, výhody) */
.gbt-box { background: #eef4f4; border-left: 3.5px solid #2d80ba; border-radius: 3.5px; padding: 12px 16px; margin: 14px 0; }
.gbt-box > :first-child { margin-top: 0; } .gbt-box > :last-child { margin-bottom: 0; }

/* video vložené z YouTube se přizpůsobí šířce */
.gbt-video { position: relative; aspect-ratio: 16 / 9; margin: 14px 0; }
.gbt-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

@media (max-width: 1000px) {
  .gbt-grid-4 { grid-template-columns: repeat(2, 1fr); }
  .gbt-grid-3 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 700px) {
  .gbt-grid { grid-template-columns: 1fr; gap: 14px; }
  .gbt-grid.gbt-grid--pairs { grid-template-columns: repeat(2, 1fr); }
}
@media print {
  .gbt-grid-3, .gbt-grid-4 { grid-template-columns: repeat(2, 1fr); }
}