/* Περί αστακών — float κάθε φωτό αριστερά ώστε το κείμενο που ακολουθεί να
   συνεχίζει δεξιά της. Scoped κάτω από .post-body. */

.post-body .ast-photo {
  float: left;
  clear: left;                 /* κάθε νέα φωτό ξεκινά σε καθαρή σειρά */
  max-width: 300px;            /* μην «φαγωθεί» όλο το πλάτος — αφήνει χώρο στο κείμενο */
  margin: 5px 20px 12px 0;     /* δεξιά + κάτω κενό από το κείμενο */
}
.post-body .ast-photo img {
  display: block;
  max-width: 100%;             /* μικραίνει μεγάλες φωτό, ΔΕΝ μεγεθύνει μικρές */
  height: auto;
  border: 1px solid #ddd;
}

/* Κινητό: ξε-float, η φωτό πάει σε δική της σειρά, κεντραρισμένη */
@media (max-width: 600px) {
  .post-body .ast-photo {
    float: none;
    clear: none;
    max-width: 100%;
    margin: 0 auto 12px;
    text-align: center;
  }
  .post-body .ast-photo img { margin: 0 auto; }
}