/* ============================================
   SafeBlock — 3D Text Particle Explosion Section
   ============================================ */

.sb-particle-section {
  position: relative;
  overflow: hidden;
  background: var(--sb-gray-950);
  padding: 80px 0;
  border: none;
}

.sb-particle-canvas-wrap {
  width: 100%;
  height: 480px;
  position: relative;
  border-radius: var(--sb-radius-2xl, 20px);
  overflow: hidden;
  background: radial-gradient(circle at center, rgba(20, 20, 20, 0.95) 0%, rgba(5, 5, 5, 0.98) 100%);
  border: none;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}

.sb-particle-canvas-wrap canvas {
  display: block;
  width: 100%;
  height: 100%;
  cursor: crosshair;
}

/* Responsive adjustments */
@media (max-width: 991.98px) {
  .sb-particle-section {
    padding: 60px 0;
  }

  .sb-particle-canvas-wrap {
    height: 380px;
  }
}

@media (max-width: 575.98px) {
  .sb-particle-canvas-wrap {
    height: 300px;
  }
}