/* Eyesight Sim pop-up: feature rows with static screenshots (shots/*.webp) and a "who it is for" trio. */
.es-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:28px;align-items:center;margin:0 0 34px}
.es-feat.flip{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.es-feat.flip .es-txt{order:2}
.es-feat.stack{grid-template-columns:1fr;gap:14px}
.pp-body .es-txt h3{margin-top:0}
.es-txt p{color:var(--pp-mut)}
.es-shot{margin:0;position:relative;min-width:0}
.es-shot img{display:block;width:100%;height:auto;border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--pp-line),0 18px 40px -26px rgba(0,0,0,.55)}
.es-shot figcaption{margin-top:8px;font-size:12.5px;color:var(--pp-mut);line-height:1.45}
.es-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 30px}
.es-trio h4{margin-bottom:4px}
.es-trio p{font-size:14px;color:var(--pp-mut);margin:0}
.es-quote{margin:18px 0 0;padding:4px 0 4px 18px;border-left:3px solid var(--a);font:500 17px/1.45 var(--f-head);font-style:italic}
.es-note{font-size:13px;color:var(--pp-mut);margin:8px 0 0}
@media (max-width:700px){
  .es-feat,.es-feat.flip{grid-template-columns:1fr;gap:14px}
  .es-feat.flip .es-txt{order:0}
  .es-trio{grid-template-columns:1fr;gap:12px}
}