/* v27.5 — Καθαρή διάταξη hero εικόνων χωρίς λευκά πλαίσια στις λεζάντες. */
.section-13-page .section-hero-13 .mm-lesson-visual > strong,
.section-21-page .section-hero-21 .mm-lesson-visual > strong,
.section-22-page .section-hero-22 .mm-lesson-visual > strong{
  position:absolute!important;
  z-index:3!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#264b83!important;
  font-family:Commissioner,Arial,sans-serif!important;
  font-weight:700!important;
  font-size:16px!important;
  line-height:1.42!important;
  overflow-wrap:normal!important;
  text-shadow:none!important;
}

/* 1.3 — τα γραφικά ανεβαίνουν και η λεζάντα μένει στον κενό κάτω χώρο. */
.section-13-page .section-hero-13 .mm-lesson-visual > strong{
  left:32px!important;
  bottom:20px!important;
  max-width:300px!important;
}

/* 2.1 — δύο καθαρές γραμμές κάτω από τον άξονα, χωρίς πλαίσιο. */
.section-21-page .section-hero-21 .mm-lesson-visual > strong{
  left:32px!important;
  bottom:18px!important;
  max-width:430px!important;
}

/* 2.2 — η λεζάντα κάτω αριστερά και το κλασματικό πλαίσιο κάτω δεξιά. */
.section-22-page .section-hero-22 .mm-lesson-visual > strong{
  left:32px!important;
  bottom:24px!important;
  max-width:220px!important;
}

.section-13-page .section-hero-13 .mm-lesson-visual text,
.section-21-page .section-hero-21 .mm-lesson-visual text,
.section-22-page .section-hero-22 .mm-lesson-visual text,
.section-13-page .section-hero-13 .unit-badges text,
.section-22-page .section-hero-22 .ratio-block text{
  font-size:13px!important;
}

@media(max-width:760px){
  .section-13-page .section-hero-13 .mm-lesson-visual > strong,
  .section-21-page .section-hero-21 .mm-lesson-visual > strong,
  .section-22-page .section-hero-22 .mm-lesson-visual > strong{
    left:20px!important;
    bottom:14px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
  .section-13-page .section-hero-13 .mm-lesson-visual > strong{max-width:220px!important;}
  .section-21-page .section-hero-21 .mm-lesson-visual > strong{max-width:300px!important;}
  .section-22-page .section-hero-22 .mm-lesson-visual > strong{max-width:170px!important;}
}