/* ── Databricks Service Pages — shared styles ── */

/* Features grid */
.db-features { padding: 72px 5%; background: var(--bg2); border-top: 1px solid var(--border); }
.db-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1.4rem; margin-top: 2.8rem; }
.db-feat-card { background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 1.8rem 1.6rem; display: flex; flex-direction: column; gap: .7rem; transition: box-shadow .25s, transform .25s; }
.db-feat-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,.07); transform: translateY(-3px); }
.db-feat-card .dfc-ico { font-size: 1.8rem; color: var(--g2); }
.db-feat-card .dfc-ico::before { margin: 0 !important; font-size: 1.8rem; color: var(--g2); }
.db-feat-card h3 { font-size: .95rem; font-weight: 700; color: var(--bk); margin: 0; }
.db-feat-card p { font-size: .85rem; color: var(--muted); line-height: 1.7; margin: 0; }
.db-feat-card .dfc-tag { font-size: .68rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--g2); }

/* Hero visual — Databricks logo badge */
.db-hero-badge { display: flex; align-items: center; justify-content: center; width: 220px; height: 220px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); border-radius: 24px; backdrop-filter: blur(8px); }
.db-hero-badge img { width: 140px; height: 140px; object-fit: contain; filter: drop-shadow(0 8px 24px rgba(0,0,0,.4)); }

/* SAP+Databricks combo badge in what-box */
.db-compat-list { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: .5rem; }
.db-compat-tag { font-size: .75rem; font-weight: 600; color: var(--bk); background: var(--bg2); border: 1px solid var(--border); border-radius: 20px; padding: .28rem .75rem; }

/* Mobile */
@media (max-width: 768px) {
  .db-features { padding: 48px 5%; }
  .db-features-grid { grid-template-columns: 1fr; }
  .db-hero-badge { width: 160px; height: 160px; }
  .db-hero-badge img { width: 100px; height: 100px; }
}