/* ABB page — src/pages/abb.astro */
.abb-badge-card{ background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14); border-radius:var(--radius-lg); padding:36px; text-align:center; }
.abb-logo-text{ font-family:var(--font-display); font-weight:900; font-size:72px; color:#FF0000; letter-spacing:-.04em; line-height:1; }
.abb-divider{ height:2px; width:60%; margin:18px auto; background:linear-gradient(90deg, transparent, var(--red), transparent); }
.abb-label{ font-family:var(--font-display); font-weight:700; font-size:15px; color:#fff; letter-spacing:.04em; }
.abb-sub{ font-family:var(--font-body); font-size:11px; letter-spacing:.14em; color:#FFB3AF; text-transform:uppercase; margin-top:4px; }
.abb-location{ font-family:var(--font-body); font-size:11px; letter-spacing:.1em; color:rgba(255,255,255,.5); text-transform:uppercase; margin-top:18px; }
.abb-prod-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.abb-prod-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); padding:26px; transition:transform .2s, box-shadow .2s; }
.abb-prod-card:hover{ transform:translateY(-3px); box-shadow:var(--shadow-md); }
.abb-prod-card .ap-photo{
  aspect-ratio:1; background:var(--bg-2); border-radius:var(--radius);
  margin:-10px -10px 14px; display:flex; align-items:center; justify-content:center; padding:14px;
}
.abb-prod-card .ap-photo img{ width:100%; height:100%; object-fit:contain; }
.abb-prod-card h3{ font-size:17px; font-weight:600; margin-bottom:8px; }
.abb-prod-card p{ font-size:14px; color:var(--muted); line-height:1.55; margin-bottom:14px; }
.abb-prod-card .ap-tags{ display:flex; flex-wrap:wrap; gap:6px; }
.ap-tag{ background:var(--bg-3); color:var(--ink-2); font-size:11px; font-family:var(--font-body); padding:3px 9px; border-radius:4px; letter-spacing:.06em; }
.value-provider-section{ background:linear-gradient(120deg, #0A1F46 0%, #0E2A5E 55%, #1B4A8C 100%); color:#fff; position:relative; overflow:hidden; }
.value-provider-section::before{ content:""; position:absolute; right:-100px; top:-100px; width:400px; height:400px; border-radius:50%; background:radial-gradient(circle, rgba(255,0,0,.2), transparent 70%); }
.vp-grid{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; position:relative; }
.vp-features{ display:flex; flex-direction:column; gap:18px; margin-top:28px; }
.vp-feat{ display:flex; gap:14px; }
.vp-feat .vf-icon{ width:40px; height:40px; background:rgba(228,33,45,.15); color:var(--red); border-radius:8px; display:grid; place-items:center; flex-shrink:0; }
.vp-feat h4{ font-size:15px; font-weight:600; color:#fff; margin-bottom:3px; }
.vp-feat p{ font-size:13.5px; color:rgba(255,255,255,.7); line-height:1.5; }
.vp-industry-list{ display:flex; flex-direction:column; gap:12px; margin-bottom:28px; }
.vp-industry-item{ display:flex; align-items:center; gap:10px; font-size:14px; color:rgba(255,255,255,.8); }
.vp-industry-dot{ width:6px; height:6px; border-radius:50%; background:var(--red); flex-shrink:0; }
.vp-side-panel{ display:flex; flex-direction:column; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:var(--radius-lg); padding:32px; }
.vp-quote-btn{ width:100%; justify-content:center; }
@media(max-width:1024px){ .abb-prod-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:900px){ .vp-grid{ grid-template-columns:1fr; } }
@media(max-width:560px){ .abb-prod-grid{ grid-template-columns:1fr; } }
