.services-section { width: 95vw; max-width: 95vw; margin: 162px auto; text-align: center; }
.services-section h2 { font-size: 2rem; margin-bottom: 24px; color: var(--theme-primary, #ff7d0d); }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.service-card { background: #fff; border-radius: 12px; padding: 24px; box-shadow: 0 4px 16px rgba(0,0,0,0.06); transition: transform 0.2s, box-shadow 0.2s; }
.service-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
.service-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; background: rgba(255,125,13,0.12); color: var(--theme-primary, #ff7d0d); font-size: 34px; margin-bottom: 12px; }
.service-card h3 { margin: 10px 0 8px 0; color: #111; font-size: 1.25rem; }
.service-card p { margin: 0; color: #555; line-height: 1.6; }
@media (max-width: 900px) { .services-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .services-grid { grid-template-columns: 1fr; } .services-section { width: 98vw; max-width: 98vw; margin: 126px auto; } }