/* PETOS ecosystem pages (built by eco.py) */
.eco-hero-row{display:flex;gap:14px;justify-content:center;margin:34px auto 70px;max-width:1100px}
.eco-hero-row img{width:19%;border-radius:18px;aspect-ratio:4/3;object-fit:cover}
.eco-group{padding-top:30px;padding-bottom:10px}
.eco-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;margin-top:14px}
.eco-card{display:flex;flex-direction:column;gap:4px;padding:12px 12px 18px;border-radius:22px;background:rgba(127,127,127,.08);color:inherit;text-decoration:none;transition:transform .2s ease,background .2s ease}
.eco-card:hover{transform:translateY(-3px);background:rgba(127,127,127,.14)}
.eco-card img{width:100%;height:auto;border-radius:14px;aspect-ratio:4/3;object-fit:cover;margin-bottom:8px}
.eco-card b{font-size:1.3rem}
.eco-card span{opacity:.65;font-size:.95rem}
.eco-card em{font-style:normal;font-size:.95rem;margin-top:4px}
.eco-pack{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:30px;text-align:left}
.eco-pack-item,.eco-part{padding:20px;border-radius:18px;background:rgba(127,127,127,.09);display:flex;flex-direction:column;gap:6px}
.eco-pack-item b,.eco-part b{font-size:1.15rem}
.eco-pack-item span,.eco-part span{opacity:.78;line-height:1.45}
.eco-parts{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px}
.eco-list{margin:22px 0 0;padding-left:1.2em;font-size:1.25rem;line-height:1.6}
.eco-specs{width:100%;border-collapse:collapse;margin-top:18px}
.eco-specs th,.eco-specs td{padding:14px 8px;border-bottom:1px solid rgba(127,127,127,.25);text-align:left;vertical-align:top}
.eco-specs th{width:30%;font-weight:600}
.eco-hero{width:min(760px,100%);border-radius:28px}
@media (max-width:700px){.eco-hero-row img{width:30%}.eco-hero-row img:nth-child(n+4){display:none}.eco-list{font-size:1.05rem}}