/* Captures d'écran des fonctions (8 novembre 2026). Chargé après webflow.css. */
:root {
  --shot-border-dark:  rgba(255, 255, 255, 0.16);
  --shot-border-light: #e5e7eb;
  --shot-bg:           #f8fafc;
}

.pf-shot {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: top center;
  border-radius: 10px;
  border: 1px solid var(--shot-border-light);
  background: var(--shot-bg);
  margin: 0 0 18px;
}

/* Cartes sur fond sombre (« Votre patrimoine consolidé ») : la capture remplace l'icône. */
.pf-360-card-1 .pf-shot { border-color: var(--shot-border-dark); }
.pf-360-card-1 .pf-shot + .pf-360-ic-1 { display: none; }

/* Badge « Nouveau » posé sur la capture, sans la masquer. */
.pf-360-new .pf-360-badge { z-index: 1; }
.pf-360-new .pf-shot { margin-top: 0; }

/* « Résultats réalisés » : sans capture (pas de vente dans la démo), en bandeau pleine largeur sous la grille. */
.pf-360-wide { grid-column: 1 / -1; }
@media (min-width: 640px) {
  .pf-360-wide { display: grid; grid-template-columns: auto 1fr; column-gap: 18px; align-items: center; }
  .pf-360-wide .pf-360-ic-1 { grid-row: 1 / 3; margin-bottom: 0; }
  .pf-360-wide .pf-360-t { margin-bottom: 4px; }
}

/* Téléphone : une carte par ligne pour que chaque capture reste lisible. */
.pf-360-grid { grid-template-columns: 1fr; }
@media (min-width: 640px) {
  .pf-360-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 992px) {
  .pf-360-grid { grid-template-columns: repeat(3, 1fr); }
}

/* « 10 Lines » : sans capture (stratégie non activée dans la démo), en bandeau sous la grille des outils. */
.pf-tool-wide { grid-column: 1 / -1; }