body.catalog-page .catalog-tool-card--proof {
  min-height: 0;
  border-color: rgba(255, 106, 61, 0.28);
  box-shadow: 0 18px 44px rgba(12, 30, 53, 0.08);
}

body.catalog-page .catalog-tool-proof-kicker {
  display: flex;
  min-height: 38px;
  align-items: center;
  padding: 9px 16px;
  color: #8b2d13;
  background: #fff1eb;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1.35;
  text-transform: uppercase;
}

body.catalog-page .catalog-tool-media--proof {
  aspect-ratio: 4 / 3;
  background: #e8f0f8;
}

body.catalog-page .catalog-tool-media--proof img {
  object-fit: cover;
  object-position: center top;
  padding: 0;
}

/* Les captures de produit ne doivent jamais laisser apparaître un titre de
   section tronqué au bord inférieur de la carte. */
body.catalog-page [data-tool="cartes-memorisation"] .catalog-tool-media--proof {
  aspect-ratio: 1.52 / 1;
}

body.catalog-page [data-tool="calcul-mental"] .catalog-tool-media--proof {
  aspect-ratio: 2.05 / 1;
}

body.catalog-page [data-tool="systeme-solaire"] .catalog-tool-media--proof {
  aspect-ratio: 4 / 3;
  background: #050708;
}

body.catalog-page [data-tool="echelles-du-reel"] .catalog-tool-media--proof {
  aspect-ratio: 4 / 3;
  background: #06111a;
}

body.catalog-page .catalog-tool-card--proof .catalog-tool-copy {
  min-height: 118px;
}

body.catalog-page .catalog-tool-card--proof .catalog-tool-copy strong {
  font-size: 1.08rem;
}

body.catalog-page .catalog-tool-card--proof .catalog-tool-copy small {
  max-width: 38rem;
  font-size: 0.82rem;
}

body.catalog-page .catalog-tool-card--proof:is(:hover, :focus-visible) {
  border-color: rgba(255, 106, 61, 0.72);
  box-shadow: 0 22px 48px rgba(12, 30, 53, 0.13);
}

@media (min-width: 1180px) {
  body.catalog-page .catalog-tool-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  body.catalog-page .catalog-tool-grid > .catalog-tool-card:nth-child(-n + 2) {
    grid-column: span 6;
  }

  body.catalog-page .catalog-tool-grid > .catalog-tool-card:nth-child(n + 3) {
    grid-column: span 3;
  }
}

@media (min-width: 621px) and (max-width: 900px) {
  body.catalog-page .catalog-tool-card--proof {
    grid-column: 1 / -1;
  }
}

@media (max-width: 620px) {
  body.catalog-page .catalog-tool-proof-kicker {
    min-height: 34px;
    padding: 8px 14px;
    font-size: 0.67rem;
  }

  body.catalog-page .catalog-tool-card--proof .catalog-tool-copy {
    min-height: 108px;
  }

}