/* Univerzálny rám s premennými – použiješ --ar-w a --ar-h */
/* Základ pre každý „thumb“ rám */
.thumb-frame{
  --ar-w: 1280;              /* default */
  --ar-h: 490;
  position: relative;
  width: 100%;
  aspect-ratio: var(--ar-w) / var(--ar-h);
  overflow: hidden;
  border-radius: 8px;
}
/* Obrázok vo vnútri – stredový orez */
.thumb-frame > img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
/* ------- Helpery na pomery ------- */
.ratio-1x1   { --ar-w: 1;  --ar-h: 1; }     /* 1:1 (štvorec) */
.ratio-3x2   { --ar-w: 3;  --ar-h: 2; }     /* 3:2 (napr. 600x400) */
.ratio-4x3   { --ar-w: 4;  --ar-h: 3; }     /* 4:3 */
.ratio-16x9  { --ar-w: 16; --ar-h: 9; }     /* 16:9 */
.ratio-21x9  { --ar-w: 21; --ar-h: 9; }     /* 21:9 */
/* (Voliteľne) na výšku – ak by si mal portréty: */
.ratio-2x3   { --ar-w: 2;  --ar-h: 3; }
.ratio-3x4   { --ar-w: 3;  --ar-h: 4; }
.ratio-9x16  { --ar-w: 9;  --ar-h: 16; }