@media (min-width: 1101px) {
  .ph-lures .ph-lures-grid.ph-lures-grid--r4:has(> :last-child:nth-child(4)) {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .ph-lures .ph-lures-grid--r4 .ph-lure--lead,
  .ph-lures .ph-lures-grid--r4 .ph-lure--wide {
    grid-column: span 4;
  }

  .ph-lures .ph-lures-grid--r4 .ph-lure--compact {
    grid-column: span 2;
  }

  .ph-lures .ph-lures-grid--r4 .ph-lure--lead {
    min-height: 392px;
  }
}

@media (min-width: 721px) and (max-width: 1100px) {
  .ph-lures .ph-lures-grid.ph-lures-grid--r4:has(> :last-child:nth-child(4)) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ph-lures .ph-lures-grid--r4 .ph-lure--lead,
  .ph-lures .ph-lures-grid--r4 .ph-lure--wide {
    grid-column: span 2;
  }
}

.ph-lures-grid--r4 .ph-lure-body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: auto;
}

.ph-lures-grid--r4 .ph-lure-stat-wrap {
  margin-top: 0;
}

@media (min-width: 1101px) {
  .ph-lures-grid--r4 .ph-lure--lead .ph-lure-body,
  .ph-lures-grid--r4 .ph-lure--wide .ph-lure-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.85fr);
    align-items: center;
    gap: 32px;
  }
}

.ph-lures-grid--r4 .ph-lure--lead .ph-lure-stat {
  font-size: clamp(56px, 5.6vw, 84px);
  line-height: 0.95;
}

.ph-lures-grid--r4 .ph-lure--compact .ph-lure-stat {
  font-size: clamp(34px, 3vw, 42px);
}

.ph-lures-grid--r4 .ph-lure--lead .ph-lure-statlbl {
  font-size: 15px;
  max-width: 30ch;
}

.ph-lure-chart {
  display: block;
  min-width: 0;
}

.ph-lure-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}

.ph-lure-svg .is-on  { fill: var(--ph-accent, #1431A7); }
.ph-lure-svg .is-off { fill: rgba(20, 49, 167, 0.22); }

.ph-lure-svg--waffle { max-width: 340px; }
.ph-lure-svg--bars   { max-width: 300px; }

.ph-lure-svg--picto {
  width: auto;
  height: 26px;
  max-width: 100%;
}

@media (max-width: 1100px) {
  .ph-lure-svg--waffle { max-width: 300px; }
  .ph-lure-svg--bars   { max-width: 260px; }
}

.ph-lures-foot > p { margin: 0; }
.ph-lures-foot > p + p { margin-top: 10px; }

.ph-video {
  background: var(--ph-bg-2, #F8F7ED);
  color: var(--ph-text, #1E1E1E);
  padding: 120px 0;
  border-top: 1px solid var(--ph-line, rgba(30, 30, 30, 0.10));
}

.ph-video-frame {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 9;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid var(--ph-line, rgba(30, 30, 30, 0.10));
  background: #0B1020;
}

.ph-video-el {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #0B1020;
}

.ph-video-pending {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 24px;
  text-align: center;
  color: #C5D6FF;
}

.ph-video-pending-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgba(197, 214, 255, 0.35);
}

.ph-video-pending-text {
  font-size: 15px;
  line-height: 1.5;
  max-width: 44ch;
  text-wrap: pretty;
}

@media (max-width: 720px) {
  .ph-video { padding: 72px 0; }
  .ph-video-pending-text { font-size: 14px; }
}

.ph-hero-form label.hs-form__ph-consent,
.ph-cl-form label.hs-form__ph-consent {
  flex-direction: row;
  align-items: flex-start;
  gap: 9px;
}

.ph-cl-form .hs-form__ph-consent .hs-form__ph-check {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  appearance: auto;
  accent-color: var(--ph-accent, #1431A7);
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
}

.ph-anat-caption-mark {
  color: var(--ph-accent);
  font-weight: 600;
  background: rgba(20, 49, 167, 0.09);
  border-radius: 3px;
  padding: 0 3px;
  margin: 0 -1px;

  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.ph-anat-caption-train {
  margin-top: 10px;
  padding: 10px 0 0 12px;
  border-left: 2px solid var(--ph-warn, #B8860B);
}

.ph-anat-caption-train-label {
  display: block;
  font-size: 9.5px;
  letter-spacing: 0.22em;
  font-weight: 700;
  color: var(--ph-warn, #B8860B);
  text-transform: uppercase;
  margin-bottom: 6px;
}

.ph-anat-caption-train-body {
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--ph-text);
  margin: 0;
  text-wrap: pretty;
}

@media (max-width: 900px) {
  .ph-anat-caption { padding: 14px 18px; }
  .ph-anat-caption-tag { margin-bottom: 9px; }
  .ph-anat-caption-why { margin-top: 10px; padding-top: 8px; }
  .ph-anat-caption-why-label { margin-bottom: 4px; }
  .ph-anat-caption-train { margin-top: 8px; padding-top: 8px; }
  .ph-anat-caption-train-label { margin-bottom: 4px; }
}