/* ============================================================
   Responsive — Petrichor (volume 1)
   ============================================================ */

@media (max-width: 1025px) {
  .tecnicaECliente {
    grid-template-columns: 4fr 1fr 4fr;
  }
  .descrizioneTecnica {
    grid-column: 1;
  }
  .schedaLibro {
    grid-column: 3;
  }

  .stepCopertina {
    padding: 0;
  }
  .scacchiera {
    grid-template-columns: 1fr;
  }
  .imgStudioPersonaggio {
    min-height: max(400px, 600px);
  }

  .proposteCopertina {
    grid-template-columns: 1fr;
  }

  .descrizionePersonaggio {
    margin: 0 !important;
  }

  .titolettiImgSuCell {
    font-family: "Space Mono", monospace;
    font-weight: 600;
    margin-left: 10%;
  }

  .visibleOnCell .nomePersonaggio,
  #imgStudioPersonaggioKieran {
    margin-bottom: 30px;
  }
}

@media (max-width: 768px) {
  #retroSpinaFrontePetrichor img {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .tecnicaECliente {
    display: block;
  }

  .schedaLibro {
    margin-top: 30px;
    border: 1px #222 solid;
  }

  .img100vw {
    max-height: 400px;
  }

  #bookPgBodyPetrichor .ctaSection {
    padding-right: 10% !important;
    padding-left: 10% !important;
  }
}

@media (max-width: 576px) {
  .retroSpinaFronte {
    height: auto;
    margin-top: 30px;
  }

  .scacchiera,
  .proposteCopertina,
  .ctaBook {
    display: block;
  }

  .stepCopertina {
    padding: 0;
  }

  #bookPgBodyPetrichor .step1copetinaLibro {
    display: none;
  }

  .imgStudioPersonaggio {
    min-height: 210px;
  }

  .scacchiera h4,
  .imgStudioPersonaggio,
  .scacchiera p,
  #propostaCopertina1 {
    margin-bottom: 30px;
  }

  .proposteCopertina h4 {
    margin-bottom: 15px;
  }

  .ctaBookColSin {
    margin-bottom: 20px;
  }
}