/* brand color CSS-var fallbacks (overridden by inline --sf-* on the wrapper) */
[data-sf-block="sf-feature-grid"] { --sf-accent: #eab308; --sf-highlight: #e63946; }

/* ── cards layout (mirrors service-features-salesfision) ── */
[data-sf-block="sf-feature-grid"] .features-section { background: #111; padding: 100px 40px; }
[data-sf-block="sf-feature-grid"] .features-inner { max-width: 1200px; margin: 0 auto; }
[data-sf-block="sf-feature-grid"] .features-title { text-align: center; margin-bottom: 64px; }
[data-sf-block="sf-feature-grid"] .features-title h2 { font-size: 36px; font-weight: 800; color: #fff; margin-bottom: 12px; }
[data-sf-block="sf-feature-grid"] .features-title p { font-size: 16px; color: #888; }
[data-sf-block="sf-feature-grid"] .features-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 28px; }
[data-sf-block="sf-feature-grid"] .feature-card { background: #161616; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 36px 32px; transition: border-color 0.3s, transform 0.3s; }
[data-sf-block="sf-feature-grid"] .feature-card:hover { border-color: var(--sf-accent, #eab308); transform: translateY(-4px); }
[data-sf-block="sf-feature-grid"] .feature-card .f-icon { font-size: 32px; margin-bottom: 20px; }
[data-sf-block="sf-feature-grid"] .feature-card h3 { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 12px; }
[data-sf-block="sf-feature-grid"] .feature-card p { font-size: 14px; color: #888; line-height: 1.7; }

/* ── services layout (mirrors services-grid-salesfision) ── */
[data-sf-block="sf-feature-grid"] .services-section-bg { background: radial-gradient(ellipse 900px 600px at 50% 50%, rgba(230,57,70,0.04) 0%, transparent 70%); }
[data-sf-block="sf-feature-grid"] .services-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; margin-top: 56px; }
[data-sf-block="sf-feature-grid"] .svc-card { background: #161616; border: 1px solid rgba(255,255,255,0.07); border-radius: 16px; padding: 28px 20px; text-align: center; text-decoration: none; color: inherit; display: block; transition: border-color 0.3s, transform 0.25s, box-shadow 0.3s; }
[data-sf-block="sf-feature-grid"] .svc-card:hover { border-color: rgba(230,57,70,0.45); transform: translateY(-3px); box-shadow: 0 12px 36px rgba(0,0,0,0.4), 0 0 24px rgba(230,57,70,0.08); }
[data-sf-block="sf-feature-grid"] .svc-card .svc-icon { width: 60px; height: 60px; background: rgba(230,57,70,0.1); border: 1px solid rgba(230,57,70,0.2); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; transition: background 0.3s; }
[data-sf-block="sf-feature-grid"] .svc-card:hover .svc-icon { background: rgba(230,57,70,0.18); }
[data-sf-block="sf-feature-grid"] .svc-card .svc-icon img { width: 34px; height: 34px; object-fit: contain; }
[data-sf-block="sf-feature-grid"] .svc-card h3 { font-size: 13px; font-weight: 700; color: #fff; }
@media (max-width: 900px) {
  [data-sf-block="sf-feature-grid"] .services-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  [data-sf-block="sf-feature-grid"] .svc-card { padding: 18px 12px !important; }
  [data-sf-block="sf-feature-grid"] .svc-card .svc-icon { width: 48px !important; height: 48px !important; }
}