.demo-container {
  .demo-section {
    margin-bottom: 2rem;
    
    h3 {
      margin-bottom: 1rem;
      color: #333;
    }
    
    .demo-row {
      display: grid;
      gap: 1.5rem;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      
      .demo-item {
        &.full-width {
          grid-column: 1 / -1;
        }
        
        h4 {
          margin-bottom: 0.5rem;
          color: #555;
          font-size: 0.9rem;
          text-transform: uppercase;
          letter-spacing: 0.5px;
        }
      }
    }
  }
}