/* ============================================================
   services.css
   ============================================================ */
.services-page-hero{padding:140px 5vw 60px}
.services-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--border);border-radius:20px;overflow:hidden;max-width:1200px;margin:0 auto}
.sdg-col{background:var(--dark-bg);padding:48px 40px;transition:background .2s}
.sdg-col:hover{background:rgba(0,168,232,.04)}
.sdg-number{font-family:var(--font-display);font-size:3rem;font-weight:800;color:rgba(0,168,232,.2);line-height:1;margin-bottom:20px}
.sdg-col h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;margin-bottom:16px}
.sdg-list{display:flex;flex-direction:column;gap:10px}
.sdg-list li{display:flex;gap:10px;align-items:flex-start;color:var(--grey);font-size:.875rem;line-height:1.5}
.sdg-list li::before{content:'→';color:var(--accent);flex-shrink:0;margin-top:1px}
.plastic-focus{max-width:1200px}
.plastic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:40px}
.plastic-card{padding:28px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg);transition:transform .3s var(--ease),border-color .3s}
.plastic-card:hover{transform:translateY(-4px);border-color:rgba(0,168,232,.35)}
.plastic-card-icon{font-size:1.8rem;margin-bottom:14px}
.plastic-card h4{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:8px}
.plastic-card p{color:var(--grey);font-size:.85rem;line-height:1.6}