/* Custom Embroidered Patches landing page - evidence and quality sections:
   workshop evidence, production capacity, quality control steps, stitch
   detail, coverage, durability tests and certificates.
   Only .ev-* rules belong in this file and every selector stays inside .epl;
   the frame (.epl-*) comes from product-landing.css, the palette from
   tokens.css. */

/* ---- Evidence photo cards ------------------------------------------- */
.epl .ev-source{margin:0;padding-top:9px;border-top:1px solid var(--epl-line);font-size:12.5px;line-height:1.5;color:var(--ink-faint);overflow-wrap:anywhere}

/* ---- Production capacity facts -------------------------------------- */
.epl .ev-capacity .ev-capacity-card{align-content:start;gap:8px}
.epl .ev-value{margin:0;font-family:var(--font-display);font-size:clamp(26px,3vw,34px);line-height:1.1;letter-spacing:-.02em;font-weight:700;color:var(--epl-blue);overflow-wrap:anywhere}
.epl .ev-capacity-card h3{font-size:16px;line-height:1.35;overflow-wrap:anywhere}
.epl .ev-capacity-card .epl-figure{margin-top:4px}
.epl .ev-capacity-card .epl-photo{aspect-ratio:16/10;border-radius:var(--r)}

/* ---- Quality control steps ------------------------------------------ */
.epl .ev-steps{list-style:none;margin:0;padding:0;display:grid;gap:16px;counter-reset:ev-step}
.epl .ev-step{position:relative;display:grid;gap:10px;padding:22px 24px 24px 74px;background:#fff;border:1px solid var(--epl-line);border-radius:10px;counter-increment:ev-step}
.epl .ev-step::before{content:counter(ev-step);position:absolute;left:24px;top:22px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--epl-deep);color:#fff;font-size:14px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.epl .ev-step h3{overflow-wrap:anywhere}
.epl .ev-step p{margin:0;font-size:15px;line-height:1.62;color:var(--ink-muted)}
.epl .ev-step .epl-figure{margin-top:2px;max-width:340px}
.epl .ev-step .epl-photo{aspect-ratio:4/3;border-radius:var(--r)}

/* ---- Definition lists: tests and certificates ----------------------- */
.epl .ev-facts{display:grid;gap:9px;margin:0}
.epl .ev-fact{display:grid;grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:3px 16px;padding-top:9px;border-top:1px solid var(--epl-line)}
.epl .ev-fact:first-child{padding-top:0;border-top:0}
.epl .ev-fact dt{margin:0;font-size:11.5px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--epl-blue);overflow-wrap:anywhere}
.epl .ev-fact dd{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink);overflow-wrap:anywhere}
.epl .ev-tag{justify-self:start;margin:0;padding:3px 10px;border:1px solid var(--epl-line);border-radius:999px;background:#fff;color:var(--epl-deep);font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.epl .ev-test-photo{margin-top:2px}
.epl .ev-test-photo .epl-photo{aspect-ratio:4/3;border-radius:var(--r)}

/* ---- Two-up artwork / finished-patch pairing ------------------------ */
.epl .epl-photo-row.ev-pair{padding:8px 8px 0;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}
.epl .epl-photo-row.ev-pair .epl-photo{aspect-ratio:1/1}
.epl .epl-photo-row.ev-pair .epl-caption{font-size:12.5px}

/* ---- Certificate scans: an image-only document wall ----------------- */
.epl .ev-sheets{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:repeat(4,minmax(0,1fr))}
.epl .ev-sheet{margin:0;min-width:0;padding:8px;background:#fff;border:1px solid var(--epl-line);border-radius:10px;box-shadow:0 1px 2px rgba(16,39,71,.05);transition:border-color .18s ease,box-shadow .18s ease}
.epl .ev-sheet:hover{border-color:var(--accent-soft);box-shadow:0 10px 24px rgba(16,39,71,.12)}
.epl .ev-sheet a{display:block;line-height:0;border-radius:4px}
.epl .ev-sheet a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.epl .ev-sheet-img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto;object-fit:contain;background:#fff;border-radius:4px}
@media (max-width:1100px){.epl .ev-sheets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.epl .ev-sheets{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.epl .ev-sheet{padding:6px}}

/* Narrow screens */
@media (max-width:980px){
  .epl .ev-step{padding:20px 20px 22px 66px}
  .epl .ev-step::before{left:20px;top:20px}
  .epl .ev-fact{grid-template-columns:minmax(0,132px) minmax(0,1fr);gap:3px 14px}
}
@media (max-width:600px){
  .epl .ev-value{font-size:clamp(24px,7vw,30px)}
  .epl .ev-step{padding:18px 16px 20px 56px}
  .epl .ev-step::before{left:16px;top:18px;width:28px;height:28px;font-size:13px}
  .epl .ev-fact{grid-template-columns:minmax(0,1fr);gap:2px}
  .epl .epl-photo-row.ev-pair{padding:6px 6px 0;gap:6px}
}