/* ==========================================================================
   Page Leocare Impayés – compléments au gabarit css/pages/project.css
   ========================================================================== */

.metric__plus { font-size: 32px; }
.metric__pct { font-size: 24px; }


/* ---------- Résultats : indicateur + capture de l'application ---------- */
.results-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 60px; }
.results-metrics { flex: 1 1 0; min-width: 0; max-width: 400px; display: flex; flex-direction: column; gap: 24px; }
.results-metrics > .case-p { margin-bottom: 8px; }
.results-metrics strong { font-weight: 700; }
.results-phone { display: block; width: 396px; aspect-ratio: 396 / 808; height: auto; object-fit: cover; border-radius: 67px; }

/* ---------- Mosaïque : écrans inclinés à 11,78° ---------- */
.case-gallery--mosaic {
  --mw: 451.723px;
  --mh: 738.42px;
  --rot: 11.78deg;
  --gh: 1292px;
  background-color: #ccf;
  background-image: conic-gradient(
    from 151deg at 32.3% 64.6%,
    rgb(116, 98, 255) 0%,
    rgb(151, 120, 238) 20.798%,
    rgb(186, 142, 221) 41.596%,
    rgb(255, 187, 187) 83.191%,
    rgb(186, 142, 221) 91.596%,
    rgb(151, 120, 238) 95.798%,
    rgb(116, 98, 255) 100%
  );
}
.mosaic__item--1  { left: 367.71px;  top: -156.87px; }
.mosaic__item--2  { left: -203.77px; top: 756.72px; }
.mosaic__item--3  { left: -52.13px;  top: 29.36px; }
.mosaic__item--4  { left: 99.51px;   top: -698px; }
.mosaic__item--5  { left: 505.3px;   top: 1010.79px; }
.mosaic__item--6  { left: 808.58px;  top: -443.94px; }
.mosaic__item--7  { left: 656.94px;  top: 283.43px; }
.mosaic__item--8  { left: 993.79px;  top: 583.49px; }
.mosaic__item--9  { left: 1145.43px; top: -143.87px; }
.mosaic__item--10 { left: 216.07px;  top: 570.49px; }
.mosaic__item--2 .mosaic__screen { filter: drop-shadow(100px 50px 125px rgba(9, 20, 50, .15)); }
.mosaic__item--5 .mosaic__screen { filter: drop-shadow(25px 0 125px rgba(9, 20, 50, .1)); }

/* ---------- Décors de la section Résultats ---------- */
.cd-res-e { left: -117.24px; top: -222.07px; width: 1885.482px; height: 1593.14px; }
.cd-res-e > div { width: 1615px; height: 993px; transform: rotate(-25.59deg); }
.cd-res-e img { left: -12.38%; top: -19.39%; width: 124.77%; height: 139.53%; }
.cd-res-p { left: 362.25px; top: -196.66px; width: 1532.53px; height: 1532.53px; }
.cd-res-p > div { width: 1206px; height: 1206px; transform: rotate(71.03deg); opacity: .35; }
.cd-res-p img { left: -5.74%; top: -12.44%; width: 111.48%; height: 99.88%; }

/* ---------- Autres projets : cartes pleine largeur ---------- */
body[data-project="impayes"] .others { max-width: none; }

/* ---------- Tablette ---------- */
@media (max-width: 1100px) {
  .results-phone { width: min(396px, 100%); }
}

/* ---------- Mobile (frame Figma 393 px) ---------- */
@media (max-width: 767px) {
  /* Hero : décors */
  body[data-project="impayes"] .cd-hero-e { left: 0; top: 256px; width: 660px; height: 621px; display: block; }
  body[data-project="impayes"] .cd-hero-e img.u-mobile { left: -30.3%; top: -32.21%; width: 160.6%; height: 164.42%; }
  body[data-project="impayes"] .cd-hero-p { left: -138.4px; top: 346.28px; width: 548.63px; height: 722.723px; transform: none; }
  body[data-project="impayes"] .cd-hero-p > div { width: 647.987px; height: 419.919px; transform: rotate(77.67deg); }
  body[data-project="impayes"] .cd-hero-p img.u-mobile { left: -16.45%; top: -35.72%; width: 132.9%; height: 146.44%; }

  /* Galerie : image unique */
  .case-gallery--mosaic .case-gallery__mobile { aspect-ratio: 393 / 392.73; }

  /* Résultats */
  .results-row { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 20px; }
  .results-metrics { max-width: none; }
  .results-phone { width: 100%; aspect-ratio: 353 / 715; }
  .cd-res-p { left: -397px; top: 352px; width: 1367.352px; height: 1367.352px; }
  .cd-res-p > div { transform: rotate(8.29deg); }
}