/* v27.7 — Καθαρή διάταξη 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;}
}


/* v27.7 — Η λεζάντα παραμένει απλό κείμενο κάτω αριστερά. Δεν αποκτά λευκό πλαίσιο. */
.section-22-page .section-hero-22 .mm-lesson-visual > strong{
  left:32px!important;
  right:auto!important;
  bottom:24px!important;
  max-width:220px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#264b83!important;
  font-size:16px!important;
}
@media(max-width:760px){
  .section-22-page .section-hero-22 .mm-lesson-visual > strong{
    left:20px!important;
    right:auto!important;
    bottom:14px!important;
    max-width:170px!important;
    padding:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:12px!important;
  }
}