/* EG-FIM | Chi siamo (pagina CMS 10)
   Solo correzioni responsive. La versione desktop non viene modificata.
   Questo foglio deve essere caricato dal tema PrestaShop, non dall'editor CMS. */
@media screen and (max-width: 767px) {
  .eg-about,
  #cms .eg-about,
  #content .eg-about {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px 10px 32px !important;
    overflow-wrap: anywhere;
  }

  .eg-about section,
  .eg-about section > div,
  .eg-about section > p {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* Le colonne tabellari non devono essere ristrette sul telefono. */
  .eg-about table,
  .eg-about table > tbody,
  .eg-about table > tbody > tr,
  .eg-about table > tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    border-spacing: 0 !important;
    box-sizing: border-box !important;
  }

  .eg-about table td {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 9px 6px !important;
    height: auto !important;
    vertical-align: top !important;
  }

  /* Fotografie dei collaboratori sopra alla descrizione, anche nelle righe alternate. */
  .eg-about table > tbody > tr:has(> td img),
  .eg-about table > tr:has(> td img) {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .eg-about table tr > td:has(img) {
    order: -1;
  }

  /* Le schede delle quattro fasi hanno spazio e margini separati. */
  .eg-about table td > div[style*="border:1px solid"] {
    min-height: 0 !important;
    margin: 0 0 12px !important;
  }

  .eg-about img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;
    object-fit: contain;
  }
  .eg-about h2 {
    max-width: 100% !important;
    overflow-wrap: break-word;
    font-size: clamp(23px, 6vw, 30px) !important;
  }
  .eg-about h3 {
    max-width: 100% !important;
    overflow-wrap: break-word;
    font-size: 21px !important;
  }
  .eg-about p {
    max-width: 100% !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
}